﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>凯瑞物流公司</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="../../admin/assets/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="../../admin/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../admin/assets/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../admin/assets/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="../../admin/assets/css/style.css">
	<link rel="stylesheet" id="theme-change" type="text/css" href="#">
    <!-- Favicon Link -->
    <link rel="shortcut icon" type="image/png" href="../../admin/assets/images/favicon.png">

	<script src="../../../bootstrap/js/vue.min.js"></script>
	<script src="../../../bootstrap/js/axios.min.js"></script>

</head>

<body>

<div id="app">

<!--	<div class="loader">-->
<!--	  <div class="spinner">-->
<!--		<img src="../../admin/assets/images/loader.gif" alt=""/>-->
<!--	  </div> -->
<!--	</div>-->
    <!-- Main Body -->
    <div class="page-wrapper">
        <!-- Header Start -->
        <header class="header-wrapper main-header">
            <div class="header-inner-wrapper">
                <div class="logo-wrapper" style="color:white;font-size: 20px;font-weight: bold">
<!--                    <a href="index.html" class="admin-logo">-->
<!--                        <img src="../../admin/assets/images/logo.png" alt="">-->
<!--                    </a>-->
					凯瑞物流管理系统
                </div>
                <div class="header-right">

                    <div class="header-left">
                        <div class="header-links">
                            <a href="javascript:void(0);" class="toggle-btn">
                                <span></span>
                            </a>
                        </div>
                        <div class="header-links search-link">

                        </div>
                    </div>
                    <div class="header-controls">

                    </div>
                </div>
            </div>
        </header>
        <!-- Sidebar Start -->
        <aside class="sidebar-wrapper">
            <div class="side-menu-wrap" >
                <ul class="main-menu">
<!--                    <li>-->
<!--                        <a href="javascript:dashbord();" class="active">-->
<!--                            <span class="icon-menu feather-icon">-->
<!--                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"-->
<!--                                     fill="none" stroke="currentColor" stroke-width="2"-->
<!--                                     stroke-linecap="round" stroke-linejoin="round" class="feather feather-home">-->
<!--                                    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>-->
<!--                                    <polyline points="9 22 9 12 15 12 15 22"></polyline></svg>-->
<!--                            </span>-->
<!--                            <span class="menu-text">-->
<!--                                看板统计-->
<!--                            </span>-->
<!--                        </a>-->
<!--                    </li>-->

					<li>
						<a href="javascript:toProject()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
									 fill="none" stroke="currentColor" stroke-width="2"
									 stroke-linecap="round" stroke-linejoin="round" class="feather
                                     feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line>
                                    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
                                    <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
                                    <line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                            </span>
							<span class="menu-text">
                                项目管理
                            </span>
						</a>
					</li>

                    <li>
                        <a href="javascript:toArea()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                     fill="none" stroke="currentColor" stroke-width="2"
                                     stroke-linecap="round" stroke-linejoin="round" class="feather
                                     feather-package">
                                    <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon>
                                     <line x1="8" y1="2" x2="8" y2="18"></line>
                                    <line x1="16" y1="6" x2="16" y2="22"></line></svg>
                            </span>
                            <span class="menu-text">
                                地区管理
                            </span>
                        </a>
                    </li>


					<li>
						<a href="javascript:toEmployee()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
									 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
									 stroke-linejoin="round" class="feather feather-users">
									<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
									<circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
									<path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                            </span>
							<span class="menu-text">
                                员工管理
                            </span>
						</a>
					</li>

<!--					<li>-->
<!--						<a href="javascript:bindAreaProject()">-->
<!--                            <span class="icon-menu feather-icon">-->
<!--                               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"-->
<!--									stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"-->
<!--									class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>-->
<!--								   <polyline points="2 17 12 22 22 17"></polyline>-->
<!--								   <polyline points="2 12 12 17 22 12"></polyline>-->
<!--							   </svg>-->
<!--                            </span>-->
<!--							<span class="menu-text">-->
<!--                                地区项目绑定-->
<!--                            </span>-->
<!--						</a>-->
<!--					</li>-->

					<li>
						<a href="javascript:toExpenditure()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
                            </span>
							<span class="menu-text">
                                支出管理
                            </span>
						</a>
					</li>

					<li>
						<a href="javascript:toExpenditureStatistics()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
                            </span>
							<span class="menu-text">
                                支出统计
                            </span>
						</a>
					</li>

					<li>
						<a href="javascript:toAccountant()">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid nav-icon"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
                            </span>
							<span class="menu-text">
                                收支分析
                            </span>
						</a>
					</li>


<!--                    <li>-->
<!--                        <a href="javascript:toIncome()">-->
<!--                            <span class="icon-menu feather-icon">-->
<!--                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-truck"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg>-->
<!--                            </span>-->
<!--                            <span class="menu-text">-->
<!--                                收入管理-->
<!--                            </span>-->
<!--                        </a>-->
<!--                    </li>-->

<!--                    <li>-->
<!--                        <a href="javascript:toStatistics()">-->
<!--                            <span class="icon-menu feather-icon">-->
<!--                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"-->
<!--                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"-->
<!--                                     stroke-linejoin="round" class="feather feather-pie-chart">-->
<!--                                    <path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path>-->
<!--                                    <path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>-->
<!--                            </span>-->
<!--                            <span class="menu-text">-->
<!--                                收支统计-->
<!--                            </span>-->
<!--                        </a>-->
<!--                    </li>-->



				</ul>
            </div>
        </aside>
        <!-- Container Start -->
        <div class="page-wrapper">
            <div class="main-content" id="mainBody">

            </div>
        </div>
    </div>


    <!-- Slide Setting Box -->
   <div class="slide-setting-box">
        <div class="slide-setting-holder">
            <div class="setting-box-head">
                <h4>General Settings</h4>
                <a href="javascript:void(0);" class="close-btn">Close</a>
            </div>
            <div class="setting-box-body">
				<div class="p-4"> 
					<div class="switch-settings">
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Notifications</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox55" type="checkbox">
								<label for="checkbox55"></label>
							</div>
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Show your emails</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox56" type="checkbox">
								<label for="checkbox56"></label>
							</div> 
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Show Task statistics</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox57" type="checkbox">
								<label for="checkbox57"></label>
							</div> 
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Show recent activity</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox58" type="checkbox">
								<label for="checkbox58"></label>
							</div>
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">System Logs</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox59" type="checkbox">
								<label for="checkbox59"></label>
							</div> 
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Error Reporting</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox60" type="checkbox">
								<label for="checkbox60"></label>
							</div> 
						</div>
						<div class="d-flex mb-3">
							<span class="mr-auto fs-15">Show your status to all</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox61" type="checkbox">
								<label for="checkbox61"></label>
							</div> 
						</div>
						<div class="d-flex">
							<span class="mr-auto fs-15">Keep up to date</span>
							<div class="checkbox checkbox-toggle">
								<input id="checkbox62" type="checkbox">
								<label for="checkbox62"></label>
							</div> 
						</div>
					</div> 
				</div>
            </div>
			<div class="p-3 border-top border-bottom">
				<h5 class="border-bottom-0 mb-0">Overview</h5> 
			</div>
			<div class="p-4"> 
				<div class="progress-wrapper">
					<div class="mb-3"> 
						<p class="mb-2">Achieves<span class="float-right text-muted font-weight-normal">95%</span></p>
						<div class="progress h-1"> 
							<div class="progress-bar bg-primary col-3" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
						</div> 
					</div>
				</div> 
				<div class="progress-wrapper pt-2">
					<div class="mb-3"> 
						<p class="mb-2">Projects<span class="float-right text-muted font-weight-normal">65%</span></p>
						<div class="progress">
							<div class="progress-bar bg-secondary col-3" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
						</div> 
					</div>
				</div> 
				<div class="progress-wrapper pt-2">
					<div class="mb-3">
						<p class="mb-2">Earnings<span class="float-right text-muted font-weight-normal">55%</span></p>
						<div class="progress">
							<div class="progress-bar bg-success col-8" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
					</div>
				</div>
				<div class="progress-wrapper pt-2"> 
					<div class="mb-3"> 
						<p class="mb-2">Balance<span class="float-right text-muted font-weight-normal">50%</span></p>
						<div class="progress h-1"> 
							<div class="progress-bar bg-warning w-50 " role="progressbar"></div>
						</div>
					</div>
				</div>
				<div class="progress-wrapper pt-2">
					<div class="mb-3"> 
						<p class="mb-2">Total Profits<span class="float-right text-muted font-weight-normal">80%</span></p>
						<div class="progress">
							<div class="progress-bar bg-info col-6" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
					</div>
				</div>
				<div class="progress-wrapper pt-2">
					<div class="mb-3"> 
						<p class="mb-2">Total Likes<span class="float-right text-muted font-weight-normal">75%</span></p>
						<div class="progress h-1">
							<div class="progress-bar bg-teal w-75" role="progressbar"></div> 
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>

    <!-- Color Setting -->
	<div id="style-switcher">
		<div>
			<ul class="colors">
				<li>
					<p class='colorchange' id='color'>
					</p>
				</li>
				<li>
					<p class='colorchange' id='color2'>
					</p>
				</li>
				<li>
					<p class='colorchange' id='color3'>
					</p>
				</li>
				<li>
					<p class='colorchange' id='color4'>
					</p>
				</li>
				<li>
					<p class='colorchange' id='color5'>
					</p>
				</li>
				<li>
					<p class='colorchange' id='style'>
					</p>
				</li>
			</ul>
		</div>
		<div class="bottom">
			<a href="" class="settings">
				<i class="fa fa-cog" aria-hidden="true"></i>
			</a>
		</div>
	</div>


</div>


    <!-- Color Setting -->
	
	
    <!-- Script Start -->
	<script src="../../admin/assets/js/jquery.min.js"></script>
    <script src="../../admin/assets/js/popper.min.js"></script>
    <script src="../../admin/assets/js/bootstrap.min.js"></script>
	<script src="../../admin/assets/js/swiper.min.js"></script>
    <script src="../../admin/assets/js/apexchart/apexcharts.min.js"></script>
    <script src="../../admin/assets/js/apexchart/control-chart-apexcharts.js"></script>
	<!-- Page Specific -->
    <script src="../../admin/assets/js/nice-select.min.js"></script>
    <!-- Custom Script -->
    <script src="../../admin/assets/js/custom.js"></script>

<script>


    function toArea(){ // 去地区管理
        $.ajax({
            url:"/admin/area/list",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

    function toProject(){ // 去项目管理
        $.ajax({
            url:"/admin/project/list",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

	// function bindAreaProject(){
	// 	$.ajax({
	// 		url:"/admin/bindAreaProject/list",
	// 		method: "get",
	// 		success:function(data){
	// 			$("#mainBody").html(data);
	// 		}
	// 	})
	// }


    function toIncome(){ // 去收入管理
        $.ajax({
            url:"/admin/income/list",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

    function toExpenditure(){ // 去支出管理
        $.ajax({
            url:"/admin/expenditure/list",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

    function toStatistics(){ // 去收支统计
        $.ajax({
            url:"/admin/statistics/list",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

    $(function (){
         //dashbord();
		toProject();
		//window.setTimeout("toEmployee()",500)

    })

    function dashbord(){
        $.ajax({
            url:"/admin/indexDashbord",
            method: "get",
            success:function(data){
                $("#mainBody").html(data);
            }
        })
    }

	function toEmployee(){
		$.ajax({
			url:"/admin/employee/list",
			method: "get",
			success:function(data){
				$("#mainBody").html(data);
			}
		})
	}

	function toExpenditureStatistics(){
		$.ajax({
			url:"/admin/expenditure/statistics",
			method: "get",
			success:function(data){
				$("#mainBody").html(data);
			}
		})
	}

	function toAccountant(){
		$.ajax({
			url:"/admin/accountant/list",
			method: "get",
			success:function(data){
				$("#mainBody").html(data);
			}
		})
	}



</script>


</body>

</html>
